﻿@font-face {
    font-family: neue-haas-grotesk-display;
    src: url("https://use.typekit.net/af/9395af/00000000000000003b9b2046/27/l?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3") format("woff2"), url("https://use.typekit.net/af/9395af/00000000000000003b9b2046/27/d?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3") format("woff"), url("https://use.typekit.net/af/9395af/00000000000000003b9b2046/27/a?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3") format("opentype");
    font-style: normal;
    font-weight: 400;
}
 @font-face {
    font-family: neue-haas-grotesk-display;
    src: url("https://use.typekit.net/af/28f000/00000000000000003b9b2048/27/l?fvd=n5&subset_id=2&v=3") format("woff2"), url("https://use.typekit.net/af/28f000/00000000000000003b9b2048/27/d?fvd=n5&subset_id=2&v=3") format("woff"), url("https://use.typekit.net/af/28f000/00000000000000003b9b2048/27/a?fvd=n5&subset_id=2&v=3") format("opentype");
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: neue-haas-grotesk-display;
    src: url("https://use.typekit.net/af/d562ce/00000000000000003b9b204c/27/l?fvd=n7&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3") format("woff2"), url("https://use.typekit.net/af/d562ce/00000000000000003b9b204c/27/d?fvd=n7&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3") format("woff"), url("https://use.typekit.net/af/d562ce/00000000000000003b9b204c/27/a?fvd=n7&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3") format("opentype");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: neue-haas-grotesk-display;
    src: url("https://use.typekit.net/af/375e66/00000000000000003b9b204e/27/l?fvd=n9&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3") format("woff2"), url("https://use.typekit.net/af/375e66/00000000000000003b9b204e/27/d?fvd=n9&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3") format("woff"), url("https://use.typekit.net/af/375e66/00000000000000003b9b204e/27/a?fvd=n9&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3") format("opentype");
    font-style: normal;
    font-weight: 900;
}
* {
	box-sizing: border-box;
}
body {
    font-family: neue-haas-grotesk-display, Helvetica, Arial, san-serif;
    color: #34364e;
	font-size: 24px;
	background: transparent;
	margin: 0;
}
.instrument {
    max-width: 1127px;
    width: 100%;
    margin: 0 auto;
}
.top {
    margin-bottom: 20px;
}
.left {
    padding-left: 20px;
}
.right {
    text-align: right;
    vertical-align: top;
    padding-right: 10px;
}

.last-change-cont {
    line-height: 50px;
}
span.marketCap,
span.volume {
    line-height: 61px;
}
.label {
    line-height: 18px;
}



.GraphContainer {
    height: 400px;
}
.changePer {
    margin-left: 20px;
}
.last, .currency, .changePer {
    letter-spacing: 2px;
    font-size: 2.333em;
    font-weight: bold;
}
.changePer,
.marketCap,
.volume {
    font-weight: bold;
    font-size: 1.667em;
}

.left,
.right,
.mcap-cont,
.volume-cont {
    display: inline-block;
    width: 50%;
}



.GraphContainer + div > div {
    font-size: 14px !important;
}

.SuppliedBY {
    text-align: right;
    font-size: 0.583em;
}
.SuppliedBY a {
    color: #34364e;
    text-decoration: none;
}

@media (max-width:1040px) {
    body {
        font-size: 20px;
    }
}

@media (max-width: 890px) {
    .left,
    .right {
        width: 100%;
        display: block;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
}
@media (max-width:420px) {
    body {
        font-size: 14px;
    }
}
